<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //浏览器的 ES6 环境中，块级作用域内声明的函数，行为类似于var声明的变量。上面的例子实际运行的代码如下。
        // 浏览器的 ES6 环境
        function f() { console.log('I am outside!'); }
        (function () {
            var f = undefined;
            if (false) {
                function f() { console.log('I am inside!'); }
            }

            f();
        }());
        // Uncaught TypeError: f is not a function
        //考虑到环境导致的行为差异太大，应该避免在块级作用域内声明函数。如果确实需要，也应该写成函数表达式，而不是函数声明语句。

    </script>
</body>

</html>